@media screen and (min-width:768px){
  body {
    padding: 18px;
    font: 18px "Lucida Grande", Helvetica, Arial, sans-serif;
    text-align: center;
    background-color: #fff;
  }
  h1 {
    color:#000;
    text-align: center;
    vertical-align:middle;
    z-index: 999;
    -webkit-text-shadow: 2px 2px 4px #444444;
    text-shadow: 2px 2px 4px #444444;
  }
  a {
    color: #00B7FF;
  }

  .button{
    width: 140px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    font-size: 25px;
    color: #fff;
    text-shadow:1px 1px 1px #333;
    border-radius: 5px;
    margin:25px 0 10px 0;
    position: relative;
    overflow: hidden;
  }
  .button:nth-child(6n){
    margin-right: 0;
  }
  .button.gray{
    color: #8c96a0;
    text-shadow:1px 1px 1px #fff;
    border:1px solid #dce1e6;
    box-shadow: 0 1px 2px #fff inset,0 -1px 0 #a8abae inset;
    background: -webkit-linear-gradient(top,#f2f3f7,#e4e8ec);
    background: -moz-linear-gradient(top,#f2f3f7,#e4e8ec);
    background: linear-gradient(top,#f2f3f7,#e4e8ec);
  }
  .button.black{
    border:1px solid #333;
    box-shadow: 0 1px 2px #8b8b8b inset,0 -1px 0 #3d3d3d inset,0 -2px 3px #8b8b8b inset;
    background: -webkit-linear-gradient(top,#656565,#4c4c4c);
    background: -moz-linear-gradient(top,#656565,#4a4a4a);
    background: linear-gradient(top,#656565,#4a4a4a);
  }
  .button.red{
    border:1px solid #b42323;
    box-shadow: 0 1px 2px #e99494 inset,0 -1px 0 #954b4b inset,0 -2px 3px #e99494 inset;
    background: -webkit-linear-gradient(top,#d53939,#b92929);
    background: -moz-linear-gradient(top,#d53939,#b92929);
    background: linear-gradient(top,#d53939,#b92929);
  }
  .button.yellow{
    border:1px solid #d2a000;
    box-shadow: 0 1px 2px #fedd71 inset,0 -1px 0 #a38b39 inset,0 -2px 3px #fedd71 inset;
    background: -webkit-linear-gradient(top,#fece34,#d8a605);
    background: -moz-linear-gradient(top,#fece34,#d8a605);
    background: linear-gradient(top,#fece34,#d8a605);
  }
  .button.green{
    border:1px solid #64c878;
    box-shadow: 0 1px 2px #b9ecc4 inset,0 -1px 0 #6c9f76 inset,0 -2px 3px #b9ecc4 inset;
    background: -webkit-linear-gradient(top,#90dfa2,#84d494);
    background: -moz-linear-gradient(top,#90dfa2,#84d494);
    background: linear-gradient(top,#90dfa2,#84d494);
  }
  .button.blue{
    border:1px solid #1e7db9;
    box-shadow: 0 1px 2px #8fcaee inset,0 -1px 0 #497897 inset,0 -2px 3px #8fcaee inset;
    background: -webkit-linear-gradient(top,#42a4e0,#2e88c0);
    background: -moz-linear-gradient(top,#42a4e0,#2e88c0);
    background: linear-gradient(top,#42a4e0,#2e88c0);
  }
  .gray:hover{
    background: -webkit-linear-gradient(top,#fefefe,#ebeced);
    background: -moz-linear-gradient(top,#f2f3f7,#ebeced);
    background: linear-gradient(top,#f2f3f7,#ebeced);
  }
  .black:hover{
    background: -webkit-linear-gradient(top,#818181,#575757);
    background: -moz-linear-gradient(top,#818181,#575757);
    background: linear-gradient(top,#818181,#575757);
  }
  .red:hover{
    background: -webkit-linear-gradient(top,#eb6f6f,#c83c3c);
    background: -moz-linear-gradient(top,#eb6f6f,#c83c3c);
    background: linear-gradient(top,#eb6f6f,#c83c3c);
  }
  .yellow:hover{
    background: -webkit-linear-gradient(top,#ffd859,#e3bb38);
    background: -moz-linear-gradient(top,#ffd859,#e3bb38);
    background: linear-gradient(top,#ffd859,#e3bb38);
  }
  .green:hover{
    background: -webkit-linear-gradient(top,#aaebb9,#82d392);
    background: -moz-linear-gradient(top,#aaebb9,#82d392);
    background: linear-gradient(top,#aaebb9,#82d392);
  }
  .blue:hover{
    background: -webkit-linear-gradient(top,#70bfef,#4097ce);
    background: -moz-linear-gradient(top,#70bfef,#4097ce);
    background: linear-gradient(top,#70bfef,#4097ce);
  }
  .gray:active{
    top:1px;
    box-shadow: 0 1px 3px #a8abae inset,0 3px 0 #fff;
    background: -webkit-linear-gradient(top,#e4e8ec,#e4e8ec);
    background: -moz-linear-gradient(top,#e4e8ec,#e4e8ec);
    background: linear-gradient(top,#e4e8ec,#e4e8ec);
  }
  .black:active{
    top:1px;
    box-shadow: 0 1px 3px #111 inset,0 3px 0 #fff;
    background: -webkit-linear-gradient(top,#424242,#575757);
    background: -moz-linear-gradient(top,#424242,#575757);
    background: linear-gradient(top,#424242,#575757);
  }
  .red:active{
    top:1px;
    box-shadow: 0 1px 3px #5b0505 inset,0 3px 0 #fff;
    background: -webkit-linear-gradient(top,#b11a1a,#bf2626);
    background: -moz-linear-gradient(top,#b11a1a,#bf2626);
    background: linear-gradient(top,#b11a1a,#bf2626);
  }
  .yellow:active{
    top:1px;
    box-shadow: 0 1px 3px #816b1f inset,0 3px 0 #fff;
    background: -webkit-linear-gradient(top,#d3a203,#dba907);
    background: -moz-linear-gradient(top,#d3a203,#dba907);
    background: linear-gradient(top,#d3a203,#dba907);
  }
  .green:active{
    top:1px;
    box-shadow: 0 1px 3px #4d7254 inset,0 3px 0 #fff;
    background: -webkit-linear-gradient(top,#5eac6e,#72b37e);
    background: -moz-linear-gradient(top,#5eac6e,#72b37e);
    background: linear-gradient(top,#5eac6e,#72b37e);
  }
  .blue:active{
    top:1px;
    box-shadow: 0 1px 3px #114566 inset,0 3px 0 #fff;
    background: -webkit-linear-gradient(top,#1a71a8,#1976b1);
    background: -moz-linear-gradient(top,#1a71a8,#1976b1);
    background: linear-gradient(top,#1a71a8,#1976b1);
  }
  /*底部*/
  .img_foot{width:90%;min-width:200px; margin:0px auto; margin-top:60px; margin-bottom:60px}
  .img_foot>a{ display:block; width:61px; height:61px; margin:0px auto}
  .img_foot>a img{ width:61px; height:61px}
  .img_foot h2{ height:38px; line-height:38px; margin:0px; font-weight:bold}
  .foot_spanp{ height:30px; line-height:30px; margin:0px; color:#000; font-weight:bold; width:220px; margin:0px auto}
  .foot_spanptwo{width:180px; text-indent:3em;height:30px; line-height:30px; margin-left:2px}
  /**/
  .fix{ width:100%; height:124px;background:#000;-moz-opacity:0.8;opacity:0.8;background:rgba(0,0,0,0.8); z-index:222; filter:Alpha(opacity=80); -webkit-opacity:0.8; position:fixed; bottom:0px; left:0px}
  .fix_main{ width:496px; height:124px; margin:0px auto}
  .fix_left{ width:61px; height:61px; float:left; margin-top:38px}
  .fix_left a{ display:block; width:61px; height:61px;}
  .fix_left a>img{width:61px; height:61px;}
  .fix_center{ width:293px; height:124px; float:left;}
  .fix_centerfirst{ width:254px; height:38px;}
  .fix_centertwo{ width:293px; height:30px}
  .fix_centerfirst{ margin-top:28px}
  .fix_centertwo{ margin-top:8px}
  .fix_first{ width:106px; height:38px;color:#FFF; float:left;  line-height:38px; margin:0px; font-size:24px}
  .fix_two{ width:148px; height:38px; line-height:38px; color:#FFF; float:left; margin:0px;text-align:right; font-size:24px}
  .fix_three{width:100px; height:30px; font-size:20px; color:#f1f1f1; float:left;  line-height:30px;}
  .fix_four{ width:175px; height:30px; line-height:30px;float:left; float:left; color:#f1f1f1; font-size:20px; text-align:left}
  .fix_five{ width:18px; height:18px; float:left; color:#f1f1f1; font-size:24px; line-height:18px; text-align:cente; margin-top:8px;}
  .fix_right{ width:120px; height:68px; float:left; margin-top:32px; margin-left:20px}
  .fix_right a{ display:block; width:120px; height:66px; line-height:66px; color:#FFF; font-size:18px; text-align:center; text-decoration:none; border:1px solid #f1f1f1; border-radius:5px}
}